<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="打印表格(函数).js" type="text/javascript"></script>

</head>
<body>
    <div id="box" class="a" title="box元素">div元素</div>
    <script type="text/javascript">
        /**
         * nodeName:节点名称
         * nodeValue:节点值
         * nodeType:节点类型
         1,元素节点：
            所有元素节点，节点值都是null
            所有元素节点，节点类型都是1
         2,属性节点：
             先要获取属性attribute（是一个数组）,比如type，length
                数组中的每个属性，都有上面三个
         3,文本节点：
            首先获取文本节点
            nodeName:节点名称：#text
         */
        var box = document.getElementById("box");
        log(box.nodeName);
        log(box.nodeValue);
        log(box.nodeType);


        var box = document.getElementById("box");
        log(box.attributes);
        var attArr = box.attributes;
        log(attArr[1].nodeName);
        log(attArr[1].nodeValue);
        log(attArr[1].nodeType);


        var box = document.getElementById("box");
        log(box.firstChild);
        var textObj = box.firstChild;
        log(textObj.nodeName);
        log(textObj.nodeValue);
        log(textObj.nodeType);

    </script>

</body>
</html>